<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap">
    <link rel="stylesheet" href="{{ url_for('static', filename= 'css/bootstrap.min.css') }}">

    <title>{% block title %} {% endblock %}</title>
    <!--这个url在这是合并相对地址的作用-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
        integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>


    <style>

        .abc:hover{
            color: green;
          font-size: 40px;
          background-color: yellow;

        }

        body {
          background-image: url("http://browser9.qhimg.com/bdr/__85/t013b21a10a6929ccbc.jpg");
          background-repeat: no-repeat;
          background-size: cover;
        }


        .cursive-text {
            font-family: 'Pacifico', cursive;
            /* 将 'Pacifico' 替换为您实际选用的草书字体名称 */
        }

        .image-container {
            width: 100vw;
            /* 设置容器宽度为屏幕宽度 */
            height: 100vh;
            /* 设置容器高度为屏幕高度 */

            background-size: cover;
            /* 将背景图像调整为cover，自动放大缩小以适应容器大小 ，也就是屏幕大小*/
            background-color: black;

        }

        .jianbian {
            background-color: #FFFFFF;
            background-image: linear-gradient(303deg, #FFFFFF 0%, #6284FF 50%, #FF0000 100%);
        }

        .block-element {
            display: inline-block;

            border: 2px solid black;
        }

        .sticky-square {
            position: fixed;
            /* 使用fixed定位，使元素相对于浏览器窗口定位 */
            bottom: 10px;
            /* 距离底部20px */
            right: 10px;
            /* 距离右侧20px */
            width: 50px;
            /* 方块宽度 */
            height: 50px;
            /* 方块高度 */
            background-color: #000000;
            /* 方块背景颜色 */
            color: white;
            /* 文字颜色 */
            text-align: center;
            /* 文字居中 */
            line-height: 50px;
            /* 调整文字到方块中央 */
        }
    </style>




</head>

<body class="image-container" id="myBigBack">
    <nav class="navbar navbar-expand-md navbar-light bg-light">
        <span class="cursive-text">python启动</span>
        <span style=" margin-left: 20px;"><a class="page-link" href="{{ url_for('denglu') }}">登录页</a></span>
        <span style=" margin-left: 20px;"><a class="page-link" href="{{ url_for('AnKe') }}">过渡页</a></span>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
            aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

    </nav>
    <div></div>
    {% block content %} {% endblock %}



    <script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script>

    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>














</body>

</html>